import { Icon, IconProps } from '@chakra-ui/react';
export const TokenIcon = (props: IconProps) => {
  return (
    <Icon
      width="17px"
      height="17px"
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g clipPath="url(#clip0_5_5440)">
        <path
          d="M6.29452 3.16663C3.34785 3.16663 0.961182 5.55329 0.961182 8.49996C0.961182 11.4466 3.34785 13.8333 6.29452 13.8333C9.24118 13.8333 11.6278 11.4466 11.6278 8.49996C11.6278 5.55329 9.24118 3.16663 6.29452 3.16663ZM6.29452 12.5C4.08785 12.5 2.29452 10.7066 2.29452 8.49996C2.29452 6.29329 4.08785 4.49996 6.29452 4.49996C8.50118 4.49996 10.2945 6.29329 10.2945 8.49996C10.2945 10.7066 8.50118 12.5 6.29452 12.5ZM8.29452 7.49996H6.96118V10.8333H5.62785V7.49996H4.29452V6.49996H8.29452V7.49996ZM13.7945 2.99996L15.6278 3.83329L13.7945 4.66663L12.9612 6.49996L12.1278 4.66663L10.2945 3.83329L12.1278 2.99996L12.9612 1.16663L13.7945 2.99996ZM13.7945 12.3333L15.6278 13.1666L13.7945 14L12.9612 15.8333L12.1278 14L10.2945 13.1666L12.1278 12.3333L12.9612 10.5L13.7945 12.3333Z"
          fill="#485058"
        />
      </g>
      <defs>
        <clipPath id="clip0_5_5440">
          <rect width="16" height="16" fill="white" transform="translate(0.294556 0.5)" />
        </clipPath>
      </defs>
    </Icon>
  );
};
